<template>
  <div>
    <div>
      <span @click="skicp('home')">首页</span>
      <span @click="skicp('classify')">分类</span>
      <span @click="skicp('oderForm')">订单</span>
      <span @click="skicp('my')">我的</span>
    </div>
    <div class="top">
      <router-view></router-view>
    </div>
  </div>
</template>

<script>
export default {
  name: "App",
  methods: {
    skicp(path) {
      console.log(1);
      this.$router.push({
        path,
      });
    },
  },
};
</script>

<style>
span {
  color: gainsboro;
  font-size: 40px;
  margin-right: 20px;
  cursor: pointer;
}
</style>